class details{
    constructor(){
        this.init()
        this.smallPic = $('.animation03')[0]
    }
    init(){
        this.render()
    }
    render(){
        $.get('http://api.yuguoxy.com/api/shop/list', {pageSize:1000,pageNo:1},'json')
        .then(res=>{
            var data = res.resultInfo.list.slice(35,40)
            var pic = data.map(item=>{
                return `<li>
                <div class="small-img">
                  <img src="${item.picture}" />
                </div>
                </li>
                `
            })
            console.log(pic);
            this.smallPic.innerHTML = pic
        })
        $(function() {
          
          var magnifierConfig = {
            magnifier : "#magnifier1",//最外层的大容器
            width : 500,//承载容器宽
            height : 500,//承载容器高
            moveWidth : null,//如果设置了移动盒子的宽度，则不计算缩放比例
            zoom : 5//缩放比例
          };
        
          var _magnifier = magnifier(magnifierConfig);
        
          /*magnifier的内置函数调用*/
          /*
            //设置magnifier函数的index属性
            _magnifier.setIndex(1);
        
            //重新载入主图,根据magnifier函数的index属性
            _magnifier.eqImg();
          */
        });
    }
}
new details()